autojs能和vue一起写吗（vue.js 和hui.js 是不是冲突）

本文目录

• vue.js 和hui.js 是不是冲突
• 新手如何通过Vue.js+Node.js打造个人博客
• vue和python冲突吗
• 请教如何在vue中引入自己写的js文件
• vuejs和jquery可以混着用吗
• .vue文件怎么写js代码
• vue怎么导入自己写的js文件

vue.js 和hui.js 是不是冲突

理论上我觉得。。vue和会处理dom尤其是提供动效的js插件一起使用都会有坑，但倒不至于有大问题，手动把需要处理的代码提出来得了

新手如何通过Vue.js+Node.js打造个人博客

本文主要给大家介绍了新手如何通过Vue.js+Node.js打造个人博客，文中通过示例代码介绍的非常详细，对大家学习具有一定的参考学习价值，希望能帮助到大家。
方案UI风格：主要参考Randy’sBlog的风格，并加入自己的一点想法（主要是为了偷懒）。
前端页面：基于Vue2.0的响应式SPA，啊？你问我为什么？就如《关于》中的自我介绍：我自认为擅长Vue的SPA开发。
后台：前端工程师通向全栈的捷径：Node.js。负责写接口及渲染静态页面。
数据库：原计划是用MongoDB，但为了赶进度，索性数据库都不用了，第一版就先这样吧。
文章：参考hexo用markdown语法写好文章再转成html的做法。也是在本地好md格式的文章，上传到服务器，Node.js直接读取md文件并转化为html,返回给前台，这也是为什么暂时不需要数据库的原因。
部署：AWS，一年时间免费使用哦！你问我一年后怎么办？Godknows!也许一年时间已经让我经历了从入门到放弃。
扬帆！起航！页面布局：自己看Cloud’sBlog，简单介绍下。第一屏为一张壁纸宽高均为100%铺满整个可视区域，内容有博客名称、小标题及三个关于博主的链接；点击向下箭头滚动进入第二屏正题，分为四个Tab模块：【首页】、【文章】、【作品】、【关于】。默认为【首页】，即最新一篇文章详情，【文章】为文章列表，点击可阅读文章内容，【作品】为作品列表，这部分还没完成，【关于】为关于博主的一些介绍。PS：首屏的壁纸在Google图片里找了一上午才找到这张还算满意的，考虑到手机端壁纸是居中铺满整个可视区域，要找到一张PC端手机端效果都还行且逼格不能太低的图片真的不容易，BTW，博主还是选择困难症患者。
前端开发：从Vue脚手架开始
#全局安装vue-cli
$npminstall--globalvue-cli
#创建一个基于webpack模板的新项目
$vueinitwebpackblog
#安装依赖，走你
$cdblog
$npminstall
$npmrundev然后安装Vue-router用于SPA路由及vue-resource或axios用于Ajax。
$npminstall--savevue-router
$npminstall--saveaxios
#vue官方推荐的ajax库不再是vue-resource,而是axios然后就可以开始码静态页面了，根据第一步页面布局的思路写出静态页面应该不是什么难事，其中需要调用第三步中node.js提供的接口，这里就不再多说了。完成静态页面后编译
$npmrunbuild后端开发：创建服务端目录结构并安装express框架及marked用于将md文件转为html
$mkdirblog-server&&cdblog-server
$mkdirpublic
$npminstall--saveexpress$npminstall--savemarked写接口，目前主要有三个接口。
渲染静态页面，将第二部编译出来的静态文件及md格式的文章文件拷入public文件夹，并用express内置的中间件指定public文件夹为静态资源文件的根目录并缓存。因为是单页应用，所以记得要处理好404错误。
#server.jsvarexpress=require(’express’);varapp=express();
app.use(express.static(’public’,{maxAge:60*60*24*30}));
app.get(’/’,function(req,res){
res.sendFile(’/index.html’,{root:__dirname+’/public/’});
});
app.listen(80);获取文章列表接口。fs.readdir方法读取md文件所在文件夹，返回所有md文件的文件名即文章标题、创建时间、文章路径，并按创建时间排序渲染在【文章】页。
文章内容接口。根据第一个接口返回的文件名及路径，用fs.readFile方法读取md文件的内容并用marked转为html并返回给客户端，渲染在文章内容页。
首页内容接口。类似接口2，读取最新一篇文章并返回。记得处理跨域问题。
app.all(’*’,function(req,res,next){
res.header("Access-Control-Allow-Origin","*");
res.header("Access-Control-Allow-Headers","X-Requested-With");
res.header("Access-Control-Allow-Methods","PUT,POST,GET,DELETE,OPTIONS");
res.header("X-Powered-By",’3.2.1’)
res.header("Content-Type","application/json;charset=utf-8");
next();
});部署
申请AWS（亚马逊云主机），一年免费试用，需填信用卡信息。实例一台EC2，win或Linux系统,推荐Linux。开放相应端口并安装node.js。
安装PM2，并运行第三步的server.js服务,并让PM2随系统启动。
$npminstall-gPM2
$pm2startserver.js
$pm2startup此时我们的博客系统已经运行在EC2上了。
购买域名。在腾讯云上购买的xyz域名，第一年8块钱。解析到该EC2的公网IP上，即可通过域名访问。

vue和python冲突吗

部分冲突，毕竟都是语言类，有部分的相似，但是肯定有不同
python写爬虫的脚本,也可以开发网站项目,最长处是数据分析的能力 比如说我要开发网站,要用到的知识点会有,python,js,css,网络的知识,服务器的知识等等
vue是用js+css编写好的写许多常用方法啊,样式的一些集成,便于调用,快速开发的框架
你说的tornado,flask,django都是python中几个比较主流的网站开发的框架,用于全栈开发.python在其中则是作为后端的开发语言 之前前端就是html,css和js,你说的vue是前端开的一种框架,是基于js的前端框架. 至于你说的交互的意思,vue+python本质上就是js+css等等+python的,也就只是经过集成的js+css等等+python的开发.
说有冲突不太对，说完全没有冲突也不对

请教如何在vue中引入自己写的js文件

比如说我在src/util下面有一个rem.js的文件，写成自执行函数
(function(doc, win) {
var docEl = doc.documentElement,
resizeEvt = ’orientationchange’ in window ? ’orientationchange’ : ’resize’,
recalc = function() {
var clientWidth = docEl.clientWidth;
if (!clientWidth) return;
docEl.style.fontSize = (clientWidth / 12) + ’px’;
};
if (!doc.addEventListener) return;
win.addEventListener(resizeEvt, recalc, false);
doc.addEventListener(’DOMContentLoaded’, recalc, false);})(document, window);然后在main.js中引用import ’./util/rem’，然后每个路由都运行起来了

vuejs和jquery可以混着用吗

可以，
一个关注的是视图层，
一个是对dom进行操作的，可以一起用，
但是vue官方是不建议直接操作dom的

.vue文件怎么写js代码

单个组件里面可以使用 import $ from ’jquery’ 引用

当前你得使用npm把jquery 安装了。 把jquery 用export default 导出来(就是在jquery.js的最后一行写上 export default $)， 然后使用import $ from ‘jquery的文件地址’

至于 script标签里面怎么写

import $ from ’jquery’
export default {
  data: function() {
    return {
      testData: 1 // 这个对象里面定义所有的变量 这些变量可以 在html直接和dom绑定
    }
  },
  mounted: function() {
    // 生命周期函数， 有好几个 执行的顺序都不一样，可以根据场景 选择不同的生命周期函数 这块一般是初始化数据的地方
  },
  methods: { // 这里写所有的方法， 这些方法可以在 方法内部使用this.方法名调用，也可以在html 中使用@时间名 = ‘函数名()’调用
    init() {  
      // 实例方法
      // 使用this.变量可以访问data中的变量
      console.log(this.testData)
    }
  }
}

vue怎么导入自己写的js文件

1. 首先我们要改变我们要映入的外部js文件，改成以下这个格式。

代码：《pre class="html"》function realconsole(){ alert("hello.thanks use me"); } export { realconsole } 《/pre》

2. 到我们的寄主那里，我们需要导入仿造的文件，方法是这样的：

代码：《pre class="html"》《template》 《div class="teslist"》 《button @click="methods1"》显示console《/button》 《/div》 《/template》 《script src="../../lib/myconsole.js"》《/script》 《script》 import { realconsole } from ’../../lib/myconsole.js’ export default { methods:{methods1:function(){ realconsole(); } }} 《/script》 《style》 .teslist { } 《/style》《/pre》

注意红色叉的部分，那是我们es5的写法，绿色才是正确的，下面是效果图