vue 答案

1.

概述
VueJS做爲一個前端框架，少不了模板引擎的功能，爲了優化模板引擎，Vue會在編譯階段把template轉化爲render函數，在編譯階段以前（預編譯階段）咱們能夠定製一些模板引擎的行爲，好比文本插入分隔符、指令、過濾器

模板引擎
經過Vue的官方文檔，咱們知道Vue提供的模板引擎的語法有：

插值 1.1. HTML標籤的文本內容 1.2. HTML標籤的純HTML內容 1.3. HTML標籤的屬性內容
指令 2.1. 內置的指令有： 2.2. 指令能夠帶上修飾符
過濾器
Vue給了咱們很大的靈活性，好比咱們能夠定義文本插入分隔符、指令、過濾器
2.

要理解這行代碼，首先你要知道 input 元素自己有個 oninput 事件，這是 HTML5 新增長的，相似 onchange ，每當輸入框內容發生變化時，就會觸發oninput，把最新的value傳遞給 sth。

咱們仔細觀察語法糖和原始語法那兩行代碼，能夠得出一個結論：

在給<input />元素添加v-model屬性時，默認會把value做爲元素的屬性，而後把'input'事件做爲實時傳遞value的觸發事件
3.

不能，會獲取不到值

4.不能夠。
Vue會把methods和data的東西，所有代理到Vue生成的對象中。

5.1. 單獨新建一個全局變量模塊文件，模塊中定義一些變量初始狀態，用export default 暴露出去。 
2. 在main.js中引入，並經過Vue.prototype掛載到vue實例上面。供其餘模塊文件使用； 
3. 或者直接引入到須要的模塊文件中使用；

6.

Vue 2.0 再也不支持在 v-html 中使用過濾器

解決方法：

1：全局方法（推薦）

2：computed 屬性

3：$options.filters（推薦

7.目標文件：項目目錄 > config文件夾 > index.js

打包後的css文件夾內app.css文件訪問static/img/’圖片名’路徑錯誤訪問不到圖片，在build文

件內utils.js中配置路徑。

目標文件：項目目錄 > build文件夾 >utils.js

在圖中所示位置添加代碼

publicPath:'../../',
8.由於動態添加src被當作靜態資源處理了，沒有進行編譯，因此要加上require

9.

2.1.1 vue------SSR
         首先vue2.x直接提供了一份完整的構建Vue服務端渲染。Vue.js 是構建客戶端應用程序的框架。默認狀況下，能夠在瀏覽器中輸出 Vue 組件，進行生成 DOM 和操做 DOM。然而，也能夠將同一個組件渲染爲服務器端的 HTML 字符串，將它們直接發送到瀏覽器，最後將靜態標記"混合"爲客戶端上徹底交互的應用程序。
服務器渲染的 Vue.js 應用程序也能夠被認爲是"同構"或"通用"，由於應用程序的大部分代碼均可以在服務器和客戶端上運行。

具體的使用指南--------------------------------請移步官方文檔

    2.1.2 vue------Nuxt.js
    從頭搭建一個服務端渲染的應用是至關複雜的。幸運的是 Nuxt.js 讓這一切變得很是簡單。Nuxt 是一個基於 Vue 生態的更高層的框架，爲開發服務端渲染的 Vue 應用提供了極其便利的開發體驗。更酷的是，你甚至能夠用它來作爲靜態站生成器。推薦嘗試。
Nuxt.js是建立Universal Vue.js應用程序的框架。

它的主要範圍是UI渲染，同時抽象出客戶端/服務器分佈。

咱們的目標是建立一個足夠靈活的框架，以便您能夠將其用做主項目庫或基於Node.js的當前項目。

Nuxt.js預先設置了使Vue.js應用服務器的開發更加愉快的全部配置。

另外，咱們還提供另外一個名爲nuxt generate的部署選項。它將構建一個靜態生成的 Vue.js應用程序。咱們相信這個選擇多是微軟服務開發Web應用程序的下一個重要步驟。

做爲一個框架，Nuxt.js提供了不少功能，能夠幫助您在客戶端和服務器端之間進行開發，如異步數據，中間件，佈局等。

 

以上是Nuxt.js的官方介紹，總的來講Nuxt.js是一個基於Vue的框架，大部分都是vue的東西，看一遍例子再研究研究，也是很容易上手的。整體來講是個不錯的框架，不須要去配置webpack那些繁瑣的東西，很大程度上的讓vue-ssr更加的親民了。

我的感受nuxt的性價比有點低，其實我建議你本身用vue-ssr接口去實現 須要實現的功能能夠從nuxt裏扒這樣構建工程的思路更清晰些。
10.

1. 包裹動態組件時，會緩存不活動的組件實例，而不是銷燬它們
2. 緩存全部路徑匹配到的路由組件，包括路由組件裏面的組件，
3. 1. include 字符串或正則表達式，只有名稱匹配的組件會被緩存
   2. exclude 字符串或正則表達式，任何名稱匹配的組件都不會被緩存
   3. max 數字，最多能夠緩存多少組件實例
   4. 1. 生命週期activated： 頁面第一次進入的時候，鉤子觸發的順序是created->mounted->activated
      2. deactivated:  頁面退出的時候會觸發deactivated，當再次前進或者後退的時候只觸發activated