--vue不再去操作dom元素,而是直接操作数据
--第一个vue实例

--挂载点、模板、实例之间的关系
挂载点---el
模板---template


--vue指令
v-html:不会转译
v-text:会转译
v-on:click:点击hello变为world,v-on可以简写为@
或者@click

v-bind:单向数据绑定,可以简写为:

v-model:数据双向绑定

v-if:会删除dom
v-show:不会删除dom
v-for:循环

--computed:计算属性,计算两个数据
--watch:监听器,监听某个数据的变化

--vue.component():组件


--父子组件
父组件向子组件传值,通过属性,如图中1
子组件向父组件传值,通过发布订阅,如图中2

--vue-cli 3.0
1、构建项目:
Install: npminstall-g @vue/cli
Create a project: vue create my-project
2、启动项目:npm run serve
3、详细构建说明:https://blog.csdn.net/qq_36407748/article/details/80739787


5、template下只能有一个根标签
--vue-cli 具体使用



网友评论