vue基础语法

标签属性

v-bind 省略成 :

v-bind：href='link";等于:href="link"动态绑定；

数据绑定

{{...}}、v-html(原生HTML)、v-text；

条件渲染

v-if，v-else，v-show 

v-if为true的时候执行if，否则，执行else

v-show隐藏则是为该元素添加css--display:none，dom元素依旧还在。v-if显示隐藏是将dom元素整个添加或删除

功能接口

v-for = (item,index) in arry;//item 数组的每一项， index：数组的索引；
v-for = (value,key) in obj // value：对象的值，key对象的属性；

data

定义初始数据用的

外部封装js方法

需要在每个页面都需要写入一遍

根目录/utils/文件名.js         默认导出 export default 

.vue文件中使用

默认导入

import 引入的名字 from 文件路径

按需导入

import {引入的名字,引入的名字} from 文件路径 、页面跳转

注册组件
 单文件注册  components:{    NavigationBar }    //   全局注册 Vue.component('注册的名字',组件变量名)

使用

<注册的组件 />

页面跳转

保留当前页面

uni.navigateTo({
                     url: ' '
                 });

  关闭当前页面 
        

   uni.redirectTo({
                    url: ' '
                });

 关闭所有页面 
              

  uni.reLaunch({
                     url: ' '
                 });

  跳转到底部tabbar页
              

   uni.switchTab({
                     url: ' '
                });

生命周期 

 onLoad   页面初始进入

onShow   每次进入

onReady  页面初始进入onLoad、onShow之后

onHide     每次离开

onUnload 最后离开

事件

点击事件

v-on:click="方法名"   v-on: 简写成 @      @click'' ''

input 事件

@input=" "

每输入一次就执行一次这个方法

数据双向绑定

需要给一些输入的功能 加上 v-mode='' ''

获取值  this.定义的值