-
在Vue里 ,每一个Vue组件,都是一个Vue实例
Vue实例有的功能,Vue组件都同样拥有
查看全部 -
如果一个vue实例里面没有定义template,那么这个实例会把它对应的挂载点下的所有内容当作模板
每一个组件就是一个vue的实例
查看全部 -
引入vue.js,放在head避免抖屏。创建vue实例,el意思是让vue实例和哪个DOM做绑定。使用Vue写代码的时候不会有任何dom的操作,而着重数据的编写,当你数据写好的时候vue会帮助你接管dom的操作。他会自动替换标签里的占位符
查看全部 -
template下面只能有一个最外层根标签
在v-cli脚手架中,data不再是一个对象,而是一个函数
查看全部 -
template只能有一个根标签,即div进行包裹所有
查看全部 -
very good
查看全部 -
v-on 表示绑定事件
v-on:click 表示绑定了一个cilck事件
查看全部 -
{{number}} 这种语法我们称之为“插值表达式”
查看全部 -
v-test , v-html 类似于{{}}
查看全部 -
什么是挂载点:
即 new Vue({ el:"#xxx"}) 对应标签的标签 id="xxx",vue 只会去处理挂载点内部的内容
html 模板写在挂载点内,也可以写在 template 属性里:
即 new Vue({ template:'<xx>x...<xx>'})
查看全部 -
Vue2 安装
保存到文件夹中命名vue.js
https://v2.cn.vuejs.org/v2/guide/installation.html
在head部分新建script标签引入vue.js库 (不在body中引入是为了防止抖屏)
查看全部 -
挂载点:
vue实例的里面el属性对应的id节点,vue只会处理挂载点里面的内容
模版:
指挂载点里面的内容
写法:
1):写在挂载点里面
2):使用template属性写在vue的实例里面
挂载点,模版,实例之间的关系:
在vue的实例里面指定一个挂载点,然后写上模版,vue就会自动结合
模版和数据生成最终想展示的内容并放在挂载点里面
查看全部 -
模板指的就是挂载点里面的内容
查看全部 -
data:数据全部放data里面
查看全部 -
el:指绑定哪个元素!
查看全部
举报