# Vue.js2.5入门
插值表达式
挂载点、模板、实例 template 模板，放在挂载点里面的内容
v-text 转化为字符 v-html 不转化
v-on:click @click 事件 @click=“trans” 事件名
methods:{}
v-bind:title :title 属性 v-bind:title=“BigTitle” 变量
v-model 双向绑定 v-model=“msg” 变量名 能运行 （ 也能运行）
computed:{} 计算属性 根据其他的数据项计算出来的结果
watch:{} 侦听器 某一个数据或者计算属性的变化
v-if=“abc” abc在data中取true或false值，会直接把数据项从dom上清除或写入 v-show=“abc” abc在data中·取true或false值，用css隐藏、显示数据项，还在dom里
v-for 循环展示数据 data:{ list:[1,2,3] } <li v-for=“item of list” :key=“”> 老师建议加上 key 值，提升性能 每一次循环，key值不能相同 <li v-for=“（item,index） of list” :key=“index”> 老师说index也不是最好的选择，但基础课程就不讲的那么深入了
—————————————
.push() push() 方法可向数组的末尾添加一个或多个元素，并返回新的长度。 注意： 新元素将添加在数组的末尾。 注意： 此方法改变数组的长度。 提示： 在数组起始位置添加元素请使用 unshift() 方法。 感悟：vue.js只是js的一个库，万变不离其宗，还是要学好js本身，这不，添加数据就抓瞎了。 还有，写的时候在实例里面我老是忘记给数据加this. 这个要注意。
组件 Vue.component，和 template结合使用
- 全局组件，在 new Vue 外面，通过 Vue.component 定义的组件，如： Vue.component(‘todo-item’,{ template:’
- item ’})
- 局部组件，要在 new Vue 里面用 components 声明，如： var TodoItem = { template:’
- item ’ } new Vue=({ el:”#id”, components:{ ‘todo-item’ : TodoItem } … }) 然后才能使用
- props 传递值，重要
- vue的组件和实例之间的关系： 每一个vue的组件，也都是一个vue的实例。 所以每一个vue的项目，是由一个个的vue的实例构建而成的。 证明：可以在组件里面事件（如@click）和定义事件方法（methods:{}） 也可以写data、computed等。
- 反过来，每一个vue实例，其实也是一个组件。
- new Vue实例下面如果没有template，它会找到挂载点，把挂载点下面所有的dom标签当作它的template
- 理解：Vue.component相当于一个组件实例，new Vue相当于一个根实例？（有挂载点）
在vue中，父组件向子组件传递值，是通过属性的形式进行值的传递的。
.$emit() this.$emit("自定义事件") 通过触发自定义事件，来给触发监听事件 如下：向外触发自定义事件delete，传递这个事件的值this.index methods:{ clickHandle:function(){ this.$emit('delete',this.index) } }
splice() this.todos.splice(index,1) splice() 方法用于添加或删除数组中的元素。 array.splice(index,howmany,item1,.....,itemX)
- index 必需。规定从何处添加/删除元素。该参数是开始插入和（或）删除的数组元素的下标，必须是数字。
- howmany 可选。规定应该删除多少元素。必须是数字，但可以是 "0"。如果未规定此参数，则删除从 index 开始到原数组结尾的所有元素。
- item1, ..., itemX 可选。要添加到数组的新元素
—————————————
vue-cli 脚手架工具
npm install —global vue-cli 最新的：npm install -g @vue/cli 安装了vue-cli以后，通过它创建一个todolist项目（这里先进入了桌面文件夹再创建） cd Desktop/ vue init webpack todolist 最新的：vue create my-project
（突然发现在我的电脑里已经可以直接安装和创建项目了，因为在vuex的课程里我跟着安装了，哈哈！）
cd todolist npm run dev 进入文件夹，启动项目
cd/ 进入根目录 权限警告，加上sudo安装
脚手架内容介绍
build webpack配置文件 config 开发环境和线上环境的配置文件 node_modules 项目的依赖 src 源代码所放置的目录 static 静态的资源
babel的编译 浏览器的配置 eslint的一些检测规则的说明 ……都不需要更改
index.html 网页最外层的html的界面
在编写工程代码的时候，实际上主要在编写src下面的代码 main.js文件，是我们整个项目的入口文件
components:{App}这样写是因为键和值的名字都相同，相当于{ ‘App’:App}
单文件组件
Component template should contain exactly one root element. template模板下，只能有一个最外层的包裹元素
—————————————