VUE脚手架 脚手架文件结构 ├──node_modules├──public│├──favicon.ico:页签图标│└──index.html:主页面├──src│├──assets:存放静态资源││└──logo.png││──component:存放组件││└──HelloWorld.vue││──App.vue:汇总所有组件││──main.js:入口文件├──.gitignore:git版本管制忽略的配置├──babel.config.js:babel的配置文件├──package.json:应用包配置文件├──README.md:应用描述文件├──package-lock.jso...

Vue组件 一、概念 Vue基于可以重用、独立的思想，设计出组件这一概念，组件可以使程序员对每个部分进行单独设计。 如下图为组件很形象的定义  二、非单文件组件 1.组件的基础使用 <divid="root"> <student></student> </div> 局部组件以及注册 //第一步：创建student组件...

Vue 一、使用语法 1.插值语法 功能：用于解析标签体内容。写法：{{xxx}}，xxx是js表达式，且ß可以直接读取到data中的所有属性。 2.指令语法 功能：用于解析标签（包括：标签属性、标签体内容、绑定事件.....）。举例：v-bind:href="xxx"或简写为:href="xxx"，xxx同样要写js表达式，且可以直接读取到data中的所有属性。备注：Vue中有很多的指令，且形式都是：v-????，此处我们只是拿v-bind举个例子。 二、数据绑定 1.单项绑定(v-bind) 原写法<inputtype="text"v-bind:value="name">&lt...