uni-app教程二（微信开发者工具运行项目，icon字体使用，组件）(1)

最后

由于篇幅限制，pdf文档的详解资料太全面，细节内容实在太多啦，所以只把部分知识点截图出来粗略的介绍，每个小节点里面都有更细化的内容！

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

export default {

name: “list”,

data(){

return{

}

},

//属性

props: {

list: {

type: Array,

value: “”

}

},

created() {

console.log(999, this.list)

}

}

2. 父组件我的页面my.vue，引入自定义组件list.vue，并传参

最终效果：

3. uni-ui的使用

1）uni-ui 是全端兼容的基于flex布局的ui库；

2）可以使用 npm 的安装使用方式，也可下载相关组件直接使用；

3）uni-ui

不支持使用 Vue.use() 的方式安装

4）uni-ui 依赖 scss，若是 HBuilderX 中创建的 uni-app

项目，需要在 HBuilderX 中安装 scss 插件；如果是使用 cli 创建的 uni-app 项目，需要在项目下npm安装node-sass 和 sass-loader

1. 初始化项目

在 HBuilderX 中新建 uni-app 项目，进入项目目录，执行：

npm init -y

2. 安装 uni-ui

npm install @dcloudio/uni-ui

3. 使用 uni-ui

index.vue引入组件，在template中使用

helloword

<uni-pagination

show-icon=false

total=100

pageSize=10

current=2

prev-text=“上一页”

next-text=“下一页”