-
<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/??穩(wěn)定、快速、免費的前端開源項目 CDN 加速服務(wù)
<body> ????<div?class="bg"> ????????hello?world ????????{{msg}} ????</div> <script> ????new?Vue({ ????????el:'.bg', ????????data:{ ????????????msg:'hello?aurora' ????????} ????}) </script>
當(dāng)有多個相同class 的時候，只有第一個會進行輸出，其他會原樣當(dāng)字符串直接輸出 不會進行解析。解決沖突是使用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>相同都執(zhí)行時，使用外面嵌套一個div 設(shè)置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 完整版 (生產(chǎn)環(huán)境) vue.min.js - - 只包含運行時版 (生產(chǎn)環(huán)境) vue.runtime.min.js - - 完整版：同時包含編譯器和運行時的版本。
編譯器：用來將模板字符串編譯成為 JavaScript 渲染函數(shù)的代碼。
運行時：用來創(chuàng)建 Vue 實例、渲染并處理虛擬 DOM 等的代碼?；旧暇褪浅ゾ幾g器的其它一切。
UMD：UMD 版本可以通過?
<script>?標(biāo)簽直接用在瀏覽器中。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 版本用來配合現(xiàn)代打包工具比如?webpack 2?或?Rollup。這些打包工具的默認文件 (
pkg.module) 是只包含運行時的 ES Module 版本 (vue.runtime.esm.js)。
查看全部 -
環(huán)境介紹 基本概念 組件思想?
axios
查看全部 -
nvm node 的版本管理工具
node.js
Chrome vue 插件
查看全部 -
框架常用知識點?
認識vue 應(yīng)用
模塊語法 v-bind 屬性綁定 事件綁定
條件渲染 列表渲染 class 與style 綁定
核心技術(shù)
認識vue-cli工具，vue代碼規(guī)范
vue組件的調(diào)試方法
vue-router? ?vuex
集成vue2
介紹workflow 工作流
單頁面demo (動態(tài)表單、列表動態(tài)展示)
使用cli工具 開發(fā)常見的應(yīng)用組件
查看全部 -
vue2 框架常用知識點 末班語法 條件渲染 列表渲染等
vue 核心技術(shù) vue-router? vuex
集成vue2
查看全部 -
易用? 靈活 高效
學(xué)習(xí)方法：看（目錄?倍數(shù)看?重點看）?記?（筆記?重點?討論）?練?（隨堂?作業(yè)?實戰(zhàn)） 漸進式?javascript 靈活性（語法靈活?靈活的開發(fā)方式）?豐富的生態(tài)（模塊?插件?）?開發(fā)資料多?論壇活躍
廣泛應(yīng)用 移動端 web
查看全部 -
321312
查看全部 -
BOO查看全部
-
23213
查看全部 -
class綁定的兩種寫法，19：10
查看全部 -
style的綁定用法，17：04
查看全部 -
安裝nvm的步驟：
1.打開github官網(wǎng)https://github.com/，輸入nvm搜索,選擇creationix／nvm，打開creationix/nvm
之后按照視頻里老師的教學(xué)來安裝
查看全部 -
window.vue=this查看全部
舉報