uniapp之vue

我们知道uni-app 使用vue的语法+小程序的标签和API，这里补充一下vue相关常用的内容。

数据绑定：

动态绑定样式及条件渲染：

列表渲染：

表单相关数据绑定：

组件：

局部组件：

自定义组件pageHeader.vue

注册pageHeader局部组件home.vue

全局组件（任意页面都可以直接使用）

第一步：在main.js中引入，注册。

import Vue from 'vue'
import App from './App'
// 引入pageHeader
import pageHeader from "@/pages/tabBar/home/pageHeader.vue"


Vue.config.productionTip = false
//全局注册pageHeader
Vue.component("page-header",pageHeader);

App.mpType = 'app'

const app = new Vue({
    ...App
})
app.$mount()

第二步：在其他vue页面直接使用