挂载组件 //将 App组件挂载到div#app节点里 new Vue({ render: h => h(App), }).$mount('#app') VueComponent.$mount 封装组件 <template> <div id="app"> Hello Vue </div> </template> <script> export default { name: 'app', } </script>…

一.概述 1.安装node,去node官网 2.新建一个项目,通过npm init命令初始化,即创建一个package.json文件 3.用命令 npm install vue -g 全局安装vue(网上已经有详细的资料,在此就不复述了) 二.vue测试工具(vue-devtool)的安装 1.下载安装 2.如果安装后,在浏览器中不能打开vue的项目,但是右上角的vue工具没有变成绿色,开发人员工具中没有vue面板,如下图(本文的图片可以用过右键,在新页面中打开进行查看,我操作时不能双击放大)…

一.环境 #安装nodejs-官网安装包配置环境变量 node -v #安装webpack npm install webpack -g #安装vue-cli npm install vue-cli -g #新建项目 vue init webpack vuedemo #运行项目 npm run dev npm install报错的 npm cache clean --force 二.生命周期 3.部署 npm run build 生成的dist内容直接以静态文件方式部署到服务器就OK: buil…

函数 用途 类别 v-html 用于输出html格式的数据 输出 v-bing 用于输出值 输出 v-model 双向绑定 输入和输出 v-if 逻辑判断 分支语句 v-else 同上 分支语句 v-if-else 同上 分支语句 v-for 遍历数据 循环语句 v-html用例: <template> <div > <h1>{{ msg }}</h1> <div v-html="msg1"></div> <…

先看两种代码,再进行讲解 第一种格式: <template > <div> <div v-for=" item in sites "> <li>{{item.name}}</li> <li>---------</li> </div> </div> </template> <script> export default { name: "v-if&…

Vue.js是什么? Vue.js(读音 /vjuː/,类似于 view 的读音)是一套构建用户界面(user interface)的渐进式框架.与其他重量级框架不同的是,Vue 从根本上采用最小成本.渐进增量(incrementally adoptable)的设计.Vue 的核心库只专注于视图层,并且很容易与其他第三方库或现有项目集成.另一方面,当与单文件组件和 Vue 生态系统支持的库结合使用时,Vue 也完全能够为复杂的单页应用程序提供有力驱动. 起步 在本地创建一个 index.html…

1.Promise中then是异步的 2.Promise 的then里面两个回调,默认第一个resolve,第二个reject:不会进入catch:如果只有一个回调则进入catch var p1=new Promise((resolve,rej) => { console.log('没有resolve') //throw new Error('直接throw错误,替代reject') 或者 reject(new Error(/*Error*/)); rej('失败了') }) //then里面两…

一.前端MVC概要 1.1.库与框架的区别 框架是一个软件的半成品,在全局范围内给了大的约束.库是工具,在单点上给我们提供功能.框架是依赖库的.AngularJS是框架而jQuery则是库. 1.2.AMD与CMD 在传统的非模块化JavaScript开发中有许多问题:命名冲突.文件依赖.跨环境共享模块.性能优化.职责单一.模块的版本管理.jQuery等前端库层出不穷,前端代码日益膨胀 AMD规范及其代表:RequireJS异步模块定义(Asynchronous Module Definitio…

一.MVC概要 MVC是模型(Model).视图(View).控制器(Controller)的简写,是一种软件设计规范,用一种将业务逻辑.数据.显示分离的方法组织代码,MVC主要作用是降低了视图与业务逻辑间的双向偶合.MVC不是一种设计模式,MVC是一种架构模式.当然不同的MVC存在差异. 在web早期的开发中,通常采用的都是Model1.Model1中,如图所示主要分为两层,视图层和模型层.Model2把一个项目分成三部分,包括视图.控制.模型.这样不仅提高的代码的复用率与项目的扩展性,且大大…

一.前端MVC概要 1.1.库与框架的区别 框架是一个软件的半成品,在全局范围内给了大的约束.库是工具,在单点上给我们提供功能.框架是依赖库的.AngularJS是框架而jQuery则是库. 1.2.AMD与CMD 在传统的非模块化JavaScript开发中有许多问题:命名冲突.文件依赖.跨环境共享模块.性能优化.职责单一.模块的版本管理.jQuery等前端库层出不穷,前端代码日益膨胀 AMD规范及其代表:RequireJS异步模块定义(Asynchronous Module Definitio…