随笔分类 -  Vue

摘要：概述 组件是一个可复用的vue实例组件通过Vue.component（组件名称, 配置）进行注册组件的data必须是返回json对象的函数，这样组件复用时每个对象都有各自的属性实例通过template定义组件的组成内容 简单Demo： <body> <div id="components-demo" 阅读全文

摘要：v-text 作用：渲染文本到标签上，跟JQuery的text()方法类似直接上例子： <script> var app = new Vue({ el: "#app", data:{ name:"张三先生", age: 30 } }); </script> <div id="app"> <h4>{{ 阅读全文

摘要：el挂载点 el用来设置vue实例作用范围的元素通常使用id选择器，例如el: “#app”。另外，还支持class、css等其他选择器，不过一般建议使用id选择器不能挂载到html、body标签上 data数据对象 vue中用到的数据定义在data对象中(json对象)data支持嵌入字符串、js 阅读全文

摘要：环境准备 VSCode开发工具 新建第一个页面 打开VSCode，点击File -> New File新建了个空白文件，保存为HelloVue.html然后在刚才新建的页面，先输入感叹号"!"，再按下TAB键，就会自动生成HTML代码 编写HTML代码 <div id="app"> {{ messa 阅读全文

摘要：IDEA配置 启动配置，Edit Configurations 点击左上角+号，选择npm，输入scripts 运行项目就行 报错****不是内部或外部命令： 原因一般是没有安装对应的包，切换到idea终端窗口（下面的Terminal），执行npm install就行 阅读全文