初试uni-app

使用uni-app, 可以一端开发,多端运行,听起来就相当神奇,
以后就可以和别人说,自己什么都会开发(哈哈哈)

最新问题: 在scoped在app端css会全部失效,注意哈

常见问题:https://uniapp.dcloud.io/faq

vue转uni-app 的一些问题: https://ask.dcloud.net.cn/article/36174
小程序转uni-app:https://ask.dcloud.net.cn/article/35786
转化指南:https://ask.dcloud.net.cn/article/36174

---

快捷键部分:

• crtl+ r , 打开运行各种部分
• 按住 ctrl+鼠标,可以再次选中
• crtl+/ or crtl+shift+/

uni-app ,学习成本并不是很高,因为他是混合vue与小程序的,
基本上懂得vue与小程序,就可以直接进行开发,但是过程中可能就要注意一些多端的坑,

我就说说刚开始学习uni-app 的一些认识与看法吧;

我个人认为它就更像一种整合工具, 简化了开发流程, 取长补短,集大家之所长;
又vue的思想, 又有小程序各种封装好的api,
借用vue的语法,结合小程序各种方法, 进行整合在一起的一套方便工具;

在创建组件时使用.vue文件将html ,css, js,整合, 但是标签(组件),又是用小程序的组件;
内置许多方便组件,提高开发效率; 但是标签中(也就是核心的操作dom/逻辑操作中),
还是使用vue的知识;

---

目录结构及注意事项:

• 不支持 vue-router;
• 详见:https://uniapp.dcloud.io/frame

┌─components uni-app组件目录
│ └─comp-a.vue 可复用的a组件
├─hybrid 存放本地网页的目录，详见
├─platforms 存放各平台专用页面的目录，详见
├─pages 业务页面文件存放的目录
│ ├─index
│ │ └─index.vue index页面
│ └─list
│ └─list.vue list页面
├─static 存放应用引用静态资源（如图片、视频等）的目录，注意：静态资源只能存放于此
├─wxcomponents 存放小程序组件的目录，详见
├─main.js Vue初始化入口文件
├─App.vue 应用配置，用来配置App全局样式以及监听 应用生命周期
├─manifest.json 配置应用名称、appid、logo、版本等打包信息，详见
└─pages.json 配置页面路由、导航条、选项卡等页面类信息，详见

---

• 注意事项:

1. vue与小程序,许多限制
2. pages.json中最好使用双引号,这样保证不会错;
3. 在引入一些文件时最好使用 ~@/ 开头的绝对路径

---

问题:
1.如何引入vue中各种库;
4. style中与vue样式一样有范围限制吗
5. npm 安装库 :npm安装使用

---

使用限制:
相比于:vue
:

现在对于我最大挑战是如何将vue与小程序合为一体, 总感觉思维有点被限制住了

**

• 遇到一个bug, 页面会重复堆栈???
  需要设置navigator的open-type ,但是依然存在一些问题;

• 使用v-show会出现问题,切换为v-if 变成正常状态
  
  手机APP端: