// 如何在 webpack 構建的專案中，使用 vue 進行開發
// 複習 在普通網頁中如何使用vue：
// 1. 使用 script 標籤 ，引入 vue 的包
// 3. 通過 new vue 得到乙個 vm 的例項
// 在webpack 中嘗試使用 vue：
// 注意： 在 webpack 中， 使用 import vue from 'vue' 匯入的 vue 建構函式，功能不完整，只提供了 runtime-only 的方式，並沒有提供 像網頁中那樣的使用方式；
import vue from 'vue'
// import vue from '../node_modules/vue/dist/vue.js'
// 回顧 包的查詢規則：
// 1. 找 專案根目錄中有沒有 node_modules 的資料夾
// 2. 在 node_modules 中 根據包名，找對應的 vue 資料夾
// 3. 在 vue 資料夾中，找 乙個叫做 package.json 的包配置檔案
// 4. 在 package.json 檔案中，查詢 乙個 main 屬性【main屬性指定了這個包在被載入時候，的入口檔案】
// var login =
// 1. 匯入 login 元件
import login from './login.vue'
// cnpm i vue-loader vue-template-compiler -d
// 在配置檔案中，新增loader哦配置項
var vm = new vue(,
// components:
/* render: function (createelements) */
render: c => c(login)
})// 總結梳理： webpack 中如何使用 vue :
// 1. 安裝vue的包： cnpm i vue -s
// 2. 由於 在 webpack 中，推薦使用 .vue 這個元件模板檔案定義元件，所以，需要安裝 能解析這種檔案的 loader cnpm i vue-loader vue-template-complier -d
// 3. 在 main.js 中，匯入 vue 模組 import vue from 'vue'
// 4. 定義乙個 .vue 結尾的元件，其中，元件有三部分組成： template script style
// 5. 使用 import login from './login.vue' 匯入這個元件
import m222, from './test.js'
console.log(m222)
console.log(title123 + ' --- ' + content)
// 這是 node 中向外暴露成員的形式：
// module.exports = {}
// 在 es6中，也通過 規範的形式，規定了 es6 中如何 匯入 和 匯出 模組
// es6中匯入模組，使用 import 模組名稱 from '模組識別符號' import '表示路徑'
// 在 es6 中，使用 export default 和 export 向外暴露成員：
var info =
export default info
/* export default */
// 注意： export default 向外暴露的成員，可以使用任意的變數來接收
// 注意： 在乙個模組中，export default 只允許向外暴露1次
// 注意： 在乙個模組中，可以同時使用 export default 和 export 向外暴露成員
export var title = '小星星'
export var content = '哈哈哈'
// 注意： 使用 export 向外暴露的成員，只能使用 的形式來接收，這種形式，叫做 【按需匯出】
// 注意： export 可以向外暴露多個成員， 同時，如果某些成員，我們在 import 的時候，不需要，則可以 不在 {} 中定義
// 注意： 使用 export 匯出的成員，必須嚴格按照 匯出時候的名稱，來使用 {} 按需接收；
// 注意： 使用 export 匯出的成員，如果 就想 換個 名稱來接收，可以使用 as 來起別名；
// 在node中 使用 var 名稱 = require('模組識別符號')
// module.exports 和 exports 來暴露成員
es6 匯入匯出
1.命名匯出 命名匯出就是明確匯出的變數名稱和值。在src目錄下建立math.js，index.js檔案。math.js內容 case 1 export後面跟變數輸出宣告語句 export var pi 3.14 case 2 export後面直接跟變數定義語句 export var add fun...
ES6中如何匯入與匯出模組
匯出 export 可以用export關鍵字將內容給其他模組，在最簡單的例子中，可以將export放在任何變數 函式或類宣告的前面，以將它們從模組中匯出。usemodule.js如下 兩種匯出形式的區別 1 預設形式 不用加任何修飾 2 自定義 匯出的內容需要加 匯出變數 export var st...
es6的模組匯出
在es5中，用module.exports和exports匯出模組，用require引入模組。es6新增export和export default匯出模組，import匯入模組。1.export的使用 案例 檔案a.js的內容 export var num1 10 export var num2 1...