Uni-app指令

大眼窝头 發表於 2021-12-1 12:32:00

1. 组件
2. API：网络请求
3.路由
4.生命周期
5.语法：数据绑定，事件
6.布局样式：样式引用，sass等
 
1.pages：存放页面
2.static：静态文件的目录
3.App.vue：应用生命周期文件
4.main.js：也是应用入口文件，注册Vue等
5.mainfest.json：应用及各端配置文件
6.pages.json：页面配置文件
7.uni.sass：全局变量文件，可以定义全局变量
11.unpackage：编译后的文件存放目录
 
8.components：存放自定义组件
9.store：vuex目录
10.common：公有文件目录
 
！ data不会改变所以不推荐。函数是可以变化的。
 
Vue：
　　属性
　　　　v-bind
　　　　　　作用：el取值语言标识符，可取data里的属性。
　　　　　　简写：:
　　　　　　这个属性必须存在data，否则没有属性
<div class="cnblogs_code">
<pre> <view v-bind:class="className">Hello</view></pre>
</div>
　　　　{{}}：标签外el表达式
　　　　v-on
　　　　　　作用：取值标识符，可取method内的属性
　　　　　　取值：method
　　　　　　简写：@
　　　　　　额外 @.stop ：可阻止事件穿透
<div class="cnblogs_code">
<pre><button v-on:click="show()">点击</button> </pre>
<view @click="c1"> 我是父级 <view @click.stop="c2"> 我是子级 </view> </view>
<pre> </pre>
</div>
 　　　　v-model：数据的双向绑定。
　　               作用：用于代替<input value/> 双向绑定data的值，并且v-model的值也会影响data的值。
　　　　　　取值：data
　　　　v-if：
　　　　　　作用：条件判断，判断是否挂载。
　　　　　　取值：data
 
　　　　v-else:
　　　　　　作用：匹配上一个if，如果上一个if不成立。此else成立
　　　　　　取值：data
 
　　　　v-else-if:
　　　　　　作用：匹配上一个if，如果上个if不成立，判断此if是否成立
　　　　　　取值：data
 
　　　　v-show
　　　　　　作用：以display为none进行隐藏，也是条件判断
　　　　　　取值：data
　　　　
　　　　v-for=" (item,index) in array "   or    v-for="(value , key ) in  object "(少)：
　　　　　　作用：列表渲染，item 取值 array里元素
　　　　　　取值：data
<div class="cnblogs_code">
<pre><view v-for="person in persons">{{person.username}} ,age= {{person.age}}</view></pre>
</div>
 
　　　　<block>：
　　　　　　空标签：不显示，不影响界面。适合条件判断和循环
 
　　　　
　格式
　　　　data：
　　　　　　定义数据
　　　　method：
　　　　　　定义方法
 
 vue对象：
　　在函数的函数内部this执行window对象。()=>{}指向vue对象。
　　但通过
<div class="cnblogs_code">
<pre> let vue = this;
setTimeout(function(){
console.log(vue)
},2000)</pre>
</div>
　　也可以取到vue对象 
来源：https://www.cnblogs.com/remix777/p/15628414.html

頁: [1]

琼殿技术论坛's Archiver

Uni-app指令