-
<div id="bg"> <div class="bg" > hello world {{msg}} </div> <div class="bg"> hello world {{msg}} </div> {{ (count+1)*10 }} {{template}} <div v-html="template"> </div> </div> <script> new Vue({ el:'#bg', data:{ msg:'hello aurora', count:0, template:'<div>hello template</div>' } }) </script>
查看全部 -
https://www.bootcdn.cn/ 稳定、快速、免费的前端开源项目 CDN 加速服务
<body> <div class="bg"> hello world {{msg}} </div> <script> new Vue({ el:'.bg', data:{ msg:'hello aurora' } }) </script>
当有多个相同class 的时候,只有第一个会进行输出,其他会原样当字符串直接输出 不会进行解析。解决冲突是使用ID定义,
<body> <div class="bg" > hello world {{msg}} </div> <div class="bg" id="bg"> hello world {{msg}} </div> <script> new Vue({ el:'#bg', data:{ msg:'hello aurora' } }) </script> </body>
相同都执行时,使用外面嵌套一个div 设置id
<body> <div id="bg"> <div class="bg" > hello world {{msg}} </div> <div class="bg"> hello world {{msg}} </div> </div> <script> new Vue({ el:'#bg', data:{ msg:'hello aurora' } }) </script>
查看全部 -
UMD CommonJS ES Module 完整版 vue.js vue.common.js vue.esm.js 只包含运行时版 vue.runtime.js vue.runtime.common.js vue.runtime.esm.js 完整版 (生产环境) vue.min.js - - 只包含运行时版 (生产环境) vue.runtime.min.js - - 完整版:同时包含编译器和运行时的版本。
编译器:用来将模板字符串编译成为 JavaScript 渲染函数的代码。
运行时:用来创建 Vue 实例、渲染并处理虚拟 DOM 等的代码。基本上就是除去编译器的其它一切。
UMD:UMD 版本可以通过
<script>
标签直接用在浏览器中。jsDelivr CDN 的 https://cdn.jsdelivr.net/npm/vue 默认文件就是运行时 + 编译器的 UMD 版本 (vue.js
)。CommonJS:CommonJS 版本用来配合老的打包工具比如 Browserify 或 webpack 1。这些打包工具的默认文件 (
pkg.main
) 是只包含运行时的 CommonJS 版本 (vue.runtime.common.js
)。ES Module:ES module 版本用来配合现代打包工具比如 webpack 2 或 Rollup。这些打包工具的默认文件 (
pkg.module
) 是只包含运行时的 ES Module 版本 (vue.runtime.esm.js
)。
查看全部 -
环境介绍 基本概念 组件思想
axios
查看全部 -
nvm node 的版本管理工具
node.js
Chrome vue 插件
查看全部 -
框架常用知识点
认识vue 应用
模块语法 v-bind 属性绑定 事件绑定
条件渲染 列表渲染 class 与style 绑定
核心技术
认识vue-cli工具,vue代码规范
vue组件的调试方法
vue-router vuex
集成vue2
介绍workflow 工作流
单页面demo (动态表单、列表动态展示)
使用cli工具 开发常见的应用组件
查看全部 -
vue2 框架常用知识点 末班语法 条件渲染 列表渲染等
vue 核心技术 vue-router vuex
集成vue2
查看全部 -
易用 灵活 高效
学习方法:看(目录 倍数看 重点看) 记 (笔记 重点 讨论) 练 (随堂 作业 实战) 渐进式 javascript 灵活性(语法灵活 灵活的开发方式) 丰富的生态(模块 插件 ) 开发资料多 论坛活跃
广泛应用 移动端 web
查看全部 -
321312
查看全部 -
BOO查看全部
-
23213
查看全部 -
class绑定的两种写法,19:10
查看全部 -
style的绑定用法,17:04
查看全部 -
安装nvm的步骤:
1.打开github官网https://github.com/,输入nvm搜索,选择creationix/nvm,打开creationix/nvm
之后按照视频里老师的教学来安装
查看全部 -
window.vue=this查看全部
举报