VUE 初学者基础知识

前言

自己整理的一些VUE相关知识

（1）历史介绍

（2）前端框架与库的区别

• jquery库 > DOM（操作DOM）+请求
• art - template库 > 模板引擎
• 框架 =全方位功能齐全

• 简易的DOM体验+发请求+模板引擎+路由功能

• KFC的世界里 ，库就是一个小套餐，框架就是全家桶
• 代码上不同
• 简易的DOM体验+发请求+模板引擎+路由功能
• 一般使用库的代码，是调用某个函数，我们自己把控库的代码
• 一般使用框架，其框架在帮我们运行编写好的代码

• 框架：初始化自身的一些行为

• 执行你所编写的代码
• 释放一些资源

（3）VUE起步

1. vue 的安装配置

• node.js 的安装 ​​http://nodejs.cn/download/​​
• node的特点描述
• 它是一个Javascript运行环境
• 依赖于Chrome V8引擎进行代码解释
• 事件驱动
• 非阻塞I/O
• 轻量、可伸缩，适于实时数据交互应用
• 单进程，单线程
• 脚手架待补充

2.插值表达式

• {{}} 双大括号插值 react {}
• 如果template中定义了内容，那么优先加载template，如果没有定义内容加载el的模板

• console.log(vm) 除了 数据熟悉 vue实列还暴露了一些有用的实列属性和方法，他们都有前缀$

<div id="app">
       <h1>{{msg}}</h1>
       <h2>{{str.split('').reverse().join('')}}</h2>
     </div>
     <script type="text/javascript">
    var vm= new Vue ({
        el:'#app',
        data:{
          msg:'大葱',
          str:'react'
        },
        // 写在构造器中
        template:`
        <div class='app'>
               <h2>{{msg}} </h2>
               <p v-text='msg'> </p>
              </div>`
      });
      console.log(vm);
     </script>      

今天先整理到这里啦 以后每天都会更新