mpvue開發小程序 需要注意的點

一、使mpvue支持scss

在style標籤上添加lang="scss"，還需要手動安裝node-sass和sass-loader

npm install sass-loader node-sass --save-dev

安裝成功後，在style標籤上添加lang="scss"，執行 npm run dev 命令就可以看到樣式

<style scoped lang='scss'>
...
</style>

npm run dev

二、模板語法

1、不支持 純-HTML

小程序裏所有的 BOM／DOM 都不能用，也就是說 v-html 指令不能用。

2、不支持部分複雜的 JavaScript 渲染表達式

會把 template 中的 {{}} 雙花括號的部分，直接編碼到 wxml 文件中，由於微信小程序的能力限制(數據綁定)，所以無法支持複雜的 JavaScript 表達式。

3、不支持過濾器

渲染部分會轉成 wxml ，wxml 不支持過濾器，所以這部分功能不支持。

4、小程序的原生事件依然可以使用，例如bindgetuserinfo事件直接在 dom 上將bind改爲@

三、組件

只能使用單文件組件（.vue 組件）的形式進行支持。

四、常見問題

1、獲取小程序在page onLoad時候傳遞的options

可以通過 this.$root.$mp.query獲取

2、獲取小程序在app onLaunch/onShow時候傳遞的options

可以通過 this.$root.$mp.appOptions獲取