Vue.js day07

---恢复内容开始---

scoped属性选择器的实现原理

 

 div会自己加一个属性

 

Mint-UI中按钮组件的使用

 

 Mint-UI  是基于Vue.js  的移动端组件库

是不同于bootstrap的

 

上官网查看安装步骤

我记得官网它是会有模拟手机，就是可以直接看到效果的

这个Mint-UI

 

这个Mint-UI，我们也可以局部的引入我们想要的组件就好了

需要什么就引入什么。这不就是跟我们使用小包一样吗

 

 

 

1.安装

 

 　　

还分成了三类：js相关的组件，css组件，表单组件

全局安装完之后，直接使用组件就好了

Mint-UI 的简写前缀应该是mt  不要搞混就行

 

我使用的也是组件，是不是也是像.Vue文件一样呢

应该是的因为我也用 import 导入

和导入App.vue组件一样的

只是我导入的一次性比较多而已

 

 Vue.use()全局组件

那直接挂在Vue实例中是局部的吗？  哈哈哈

 

toast 消息弹框就是放到点击事件中

因为是js的东西，所以要放到script中写

然后记得Es6的语法格式

这个toast，还有按需导入得自己上官网查看了

刚才记录的没有了　　

---恢复内容结束---

scoped属性选择器的实现原理

 

 div会自己加一个属性

 

Mint-UI中按钮组件的使用

 

 Mint-UI  是基于Vue.js  的移动端组件库

是不同于bootstrap的

 

上官网查看安装步骤

我记得官网它是会有模拟手机，就是可以直接看到效果的

这个Mint-UI

 

这个Mint-UI，我们也可以局部的引入我们想要的组件就好了

需要什么就引入什么。这不就是跟我们使用小包一样吗

 

 

 

1.安装

 

 　　

还分成了三类：js相关的组件，css组件，表单组件

全局安装完之后，直接使用组件就好了

Mint-UI 的简写前缀应该是mt  不要搞混就行

 

我使用的也是组件，是不是也是像.Vue文件一样呢

应该是的因为我也用 import 导入

和导入App.vue组件一样的

只是我导入的一次性比较多而已

 

 Vue.use()全局组件

那直接挂在Vue实例中是局部的吗？  哈哈哈

 

toast 消息弹框就是放到点击事件中

因为是js的东西，所以要放到script中写

然后记得Es6的语法格式

这个toast，还有按需导入得自己上官网查看了

刚才记录的没有了　　

 

 

 

MUI  和Bootstrap差不多

所以用法也一样  这个MUI不能用npm下载吗

需要手动下载现成包。MUI  是那个什么Dcloud

的，所以我在用Hbuilde的时候已经有了

而Mint-UI是饿了吗的

官网有提供GitHub地址

 

MUI所谓提供的代码片段，原来是这样子用的

在github上下载下来，download.zip 文件

就是examples 中找到自己要用的，

然后查看源代码  然后拷贝自己的东西

 

lib 放的是我们手动拷贝过来的第三方包

node_modules 是npm下载的第三方包

转载于:https://www.cnblogs.com/Py-king/p/11612277.html