给熟悉jquery,想使用vue的人的页面搭建建议
阿萨 2018-03-23 来源 :网络 阅读 612 评论 0

摘要:一直主要用vue做spa,有工程化,可以受益于es6语法的高效。但是我们还提供开发服务,这里仅通过jquery样例代码说明梗概。

一直主要用vue做spa,有工程化,可以受益于es6语法的高效。但是我们还提供开发服务,这里仅通过jquery样例代码说明梗概。

首先你得有个页面,暂命名为index.html

<!DOCTYPE html><html><head>

  <meta charset="UTF-8">

  <!-- 引入样式 -->

  <link rel="stylesheet" href="lib/lfbp-element/lib/theme-default/index.css">

  <style>

  fieldset{

      border:none;

  }

  </style></head><body>

  <div id="app">

    

  </div></body><!-- 引入组件库 --><script src="lib/vue.js"></script><script src="lib/jquery.js"></script><script type="text/javascript" src="index.js"></script></html>

引入需要的jquery,vue.js文件后,建立自己的index.js文件

;(function(window,Vue,$){

console.log(window,Vue,$);
new Vue({

  el: '#app',

  template:'<div>*******</div>',

  data:function() {

  return {

  

    list:'',

    originalValue:'',

    currentValue:'',

    searchKey:'关键字',

  };

},

methods:{

  request:function(){

      

  },

  changeHandle:function(index,value){

 

  },

  set:function(){

    this.isEdit = true;

  },

  del:function(){

    

  },

  confirm:function(){

    

    

 

  },

  cancel:function(){

   

  }

},

created:function() {

  this.request();

}

})}(window,Vue,$))

这样就可以愉快的使用jquery+vue双重利剑了。


希望这篇文章可以帮助到你。总之,同学们,你想要的职坐标IT频道都能找到!


本文由 @阿萨 发布于职坐标。未经许可,禁止转载。
喜欢 | 0 不喜欢 | 0
看完这篇文章有何感觉?已经有0人表态,0%的人喜欢 快给朋友分享吧~
评论(0)
后参与评论

您输入的评论内容中包含违禁敏感词

我知道了

助您圆梦职场 匹配合适岗位
验证码手机号,获得海同独家IT培训资料
选择就业方向:
人工智能物联网
大数据开发/分析
人工智能Python
Java全栈开发
WEB前端+H5

请输入正确的手机号码

请输入正确的验证码

获取验证码

您今天的短信下发次数太多了,明天再试试吧!

提交

我们会在第一时间安排职业规划师联系您!

您也可以联系我们的职业规划师咨询:

小职老师的微信号:z_zhizuobiao
小职老师的微信号:z_zhizuobiao

版权所有 职坐标-一站式IT培训就业服务领导者 沪ICP备13042190号-4
上海海同信息科技有限公司 Copyright ©2015 www.zhizuobiao.com,All Rights Reserved.
 沪公网安备 31011502005948号    

©2015 www.zhizuobiao.com All Rights Reserved

208小时内训课程