Vue实例
-
App.vue去调用组件里面的HelloWorld.vue
-
再template里面去调用另一个组件的方法时使用
<组件名 属性名=参数>
-
创建Vue实例
x:实例,Vue对象,为Vue对象创造一个实例
cnost x = new Vue({ //const 常量,常数 el:'#root' //element的缩写 用于指定当前Vue实例为哪个容器服务,值通常为css选择器字符串。 })
-
阻止vue在启动时生成生产提示。
vue.config.productionTip=false //阻止vue在启动时生成生产提示。
-
css里面的所有属性的变量,通配符
*{ key:value ...... } ```
总结
- 想让Vue工作,就必须创建一个Vue实例,且要传入一个配置对象。
- root容器里的代码依然符合html规范,只不过混入了一些特殊的Vue语法。
- root容器里的代码被称为【Vue模板】。
- Vue实例和容器是一一对应的。
- 真实开发中只有一个Vue实例,并且会配合着组件一起使用。
- ({xxx)]中的xxx可以写js表达式,且xxx可以自动读取到data中的所有属性。
- 一但data中的数据发生改变,那么页面中用到该数据的地方也会自动更新。
不足之处,请多指教!!!