1,VUE1.1 概述Vue 是一套前端框架,免除原生JavaScript中的DOM操作,简化书写。我们之前也学习过后端的框架 Mybatis ,Mybatis 是用来简化 jdbc 代码编写的;而 VUE 是前端的框架,是用来简化 JavaScript 代码编写的。前一天我们做了一个综合性的案例,里面进行了大量的DOM操作,如下学习了 VUE 后,这部分代码我们就不需要再写了。那么 VUE 是如            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-10-04 14:59:45
                            
                                59阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
              博主第一次开发商城类的项目,目前商城已上线,这里就不打广告了。商城的架构主要为yii2+backbone,还有一些其他blablablabla......的插件。商城有PC端和微信端,先上线的PC端后上线微信端。  第一版的开发模式是,前端同学设计好界面原型,切好图,做完静态页面交给后端人员。后端人员使用基于MVC模式的yii2框架,将静态页面写成动态的.php页面。很好,这样的开发方式前端同            
                
         
            
            
            
            一.Vue简介Vue是和jQuery一样是一个前端框架,它的中心思想就是用数据驱动UI。在使用jQuery的时代,如果要改变某一个DOM元素的值,jQuery首先要获取到dom对象,然后对dom对象进行进行值的修改等操作; 而Vue.js 则是专注于 MVVM 模型的 ViewModel 层,Vue首先会把值和ViewModel对象进行绑定,然后修改ViewModel对象的值,Vue这个框架就会自            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-01-31 17:41:02
                            
                                31阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            https://zhuanlan.zhihu.com/p/21802181 先按装vue脚手架:vue-cli 安装mint-ui 安装 babel-plugin-component 然后在 .babelrc 中配置它: 引入方法1:【全部引入】 引入方法1:【局部引入】 插件会自动引入相应的 CS            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2017-11-09 22:28:00
                            
                                234阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            day7使用mui的tab-top-webview-main完成分类滑动栏兼容问题和App.vue中的router-link身上的类名mui-tab-item存在兼容性问题,导致tab栏失效,可以把mui-tab-item改名为mui-tab-item1,并复制相关的类样式,来解决这个问题;.mui-bar-tab.mui-tab-item1.mui-active{color:#007aff;}.            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2018-11-22 15:52:10
                            
                                334阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            开启Apache的gzip压缩要让apache支持gzip功能,要用到deflate_Module和headers_Module。打开apache的配置文件httpd.conf,大约在105行左右,找到以下两行内容:(这两行不是连续在一起的)#LoadModuledeflate_modulemodules/mod_deflate.so#LoadModuleheaders_modulemodules            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2018-11-22 15:55:50
                            
                                142阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            Vue 专题 一个数据驱动的组件,为现代化的 Web 界面而生。具有可扩展的数据绑定机制,原生对象即模型,简洁明了的 API 组件化 UI 构建            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-07-23 14:50:20
                            
                                507阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            Vue 专题 一个数据驱动的组件,为现代化的 Web 界面而生。具有可扩展的数据绑定机制,原生对象即模型,简洁明了的 API 组件化 UI 构建 多个轻量库搭配使用 请访问链接: https://www.awesomes.cn/subject/vue#%E5%BA%94%E7%94%A8-%E6%A            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-07-31 16:51:44
                            
                                1164阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            缩放:scale ...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-08-29 13:08:00
                            
                                187阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            Vue调试工具vue-devtools的安装步骤和使用Vue.jsdevtools-×××安装方式-推荐过滤器概念:Vue.js允许你自定义过滤器,可被用作一些常见的文本格式化。过滤器可以用在两个地方:mustache插值和v-bind表达式。过滤器应该被添加在JavaScript表达式的尾部,由“管道”符指示;私有过滤器HTML元素:<td>{{item.ctime|dataForma            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2018-11-14 15:04:06
                            
                                287阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            带大家通过Node.js,来手动实现一个JSONP的请求例子;consthttp=require('http');//导入解析URL地址的核心模块consturlModule=require('url');constserver=http.createServer();//监听服务器的request请求事件,处理每个请求server.on('request',(req,res)=>{cons            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2018-11-15 15:25:36
                            
                                300阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            父组件向子组件传值组件实例定义方式,注意:一定要使用props属性来定义父组件传递过来的数据<script>//创建Vue实例,得到ViewModelvarvm=newVue({el:'#app',data:{msg:'这是父组件中的消息'},components:{son:{template:'<h1>这是子组件---{{finfo}}</h1>',props            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2018-11-19 15:05:39
                            
                                217阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            computed计算属性的使用默认只有getter的计算属性:<divid="app"><inputtype="text"v-model="firstName">+<inputtype="text"v-model="lastName">=<span>{{fullName}}</span></div><script>            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2018-11-19 15:55:24
                            
                                229阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            注意:有时候使用npminode-sass-D装不上,这时候,就必须使用cnpminode-sass-D在普通页面中使用render函数渲染组件在webpack中配置.vue组件页面的解析运行cnpmivue-S将vue安装为运行依赖;运行cnpmivue-loadervue-template-compiler-D将解析转换vue的包安装为开发依赖;运行cnpmistyle-loadercss-l            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2018-11-21 11:01:00
                            
                                244阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            在使用webpack构建的Vue项目中使用模板对象?在webpack.config.js中添加resolve属性:resolve:{alias:{'vue$':'vue/dist/vue.esm.js'}}ES6中语法使用总结使用exportdefault和export导出模块中的成员;对应ES5中的module.exports和export使用importfrom和import'路径&#            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2018-11-21 11:50:16
                            
                                294阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            App.vue组件的基本设置头部的固定导航栏使用Mint-UI的Header组件;底部的页签使用mui的tabbar;购物车的图标,使用icons-extra中的mui-icon-extramui-icon-extra-cart,同时,应该把其依赖的字体图标文件mui-icons-extra.ttf,复制到fonts目录下!将底部的页签,改造成router-link来实现单页面的切换;TabBar            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2018-11-21 14:08:37
                            
                                223阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            课程介绍前5天:都在学习Vue基本的语法和概念;打包工具Webpack,Gulp后5天:以项目驱动教学;什么是Vue.jsVue.js是目前最火的一个前端框架,React是最流行的一个前端框架(React除了开发网站,还可以开发手机App,Vue语法也是可以用于进行手机App开发的,需要借助于Weex)Vue.js是前端的主流框架之一,和Angular.js、React.js一起,并成为前端三大主            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2018-11-14 13:58:58
                            
                                268阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            课程介绍前5天:都在学习Vue基本的语法和概念;打包工具Webpack,Gulp后5天:以项目驱动教学;什么是Vue.jsVue.js是目前最火的一个前端框架,React是最流行的一个前端框架(React除了开发网站,还可以开发手机App,Vue语法也是可以用于进行手机App开发的,需要借助于Weex)Vue.js是前端的主流框架之一,和Angular.js、React.js一起,并成为前端三大主            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2018-11-15 14:43:06
                            
                                207阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            全局过滤器//定义一个全局过滤器Vue.filter('dataFormat',function(input,pattern=''){vardt=newDate(input);//获取年月日vary=dt.getFullYear();varm=(dt.getMonth()+1).toString().padStart(2,'0');vard=dt.getDate().toString().padS            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2018-11-15 15:15:55
                            
                                218阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            Vue1.x中自定义元素指令【已废弃,了解即可】Vue.elementDirective('red-color',{bind:function(){this.el.style.color='red';}});使用方式:<red-color>1232</red-color>vue实例的生命周期什么是生命周期:从Vue实例创建、运行、到销毁期间,总是伴随着各种各样的事件,这些事            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2018-11-15 15:18:50
                            
                                395阅读