1Vue目录结构build:项目构建webpack相关代码config:配置目录,包括端口号等node_modules:npm加载的项目依赖模块src:开发目录模块,包括assets(Resourcefiles),components(组件文件),App.vue项目入口文件,main.js项目核心文件static:静态资源文件,比如图片,字体等。test:初始测试目录。xxx:配置文件,如语法配置、git配置等index.html:首页入口文件package.json:项目配置文件README.md:项目描述文件2Vue对象Vue对象的基本参数有:el:DOM元素的iddata:用于定义属性methods:用于定义Function{{}}输出对象属性和函数返回值。当一个Vue实例被创建时,在data中找到的所有属性都会被添加到Vue的响应式系统中。当这些属性的值发生变化时,HTML视图也会随之变化。.3Vue模板语法Vue.js使用基于HTML的模板语法,允许开发人员以声明方式将DOM绑定到底层Vue实例数据。Vue.js的核心是一个允许您使用简洁的模板语法以声明方式将数据呈现到DOM中的系统。结合响应系统,当应用程序状态发生变化时,Vue可以智能计算重新渲染组件的最小成本并应用于DOM操作。3.1插值插值分为两种方式:纯文本HTML纯文本可以使用{{}}插值,例如:
